<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blog登录</title>
<meta name="renderer" content="webkit">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<style type="text/css">
body{font:17px '微软雅黑'; margin:0; padding:0; background-color:#58B; cursor:default;}
div{margin:0; padding:0;}

#wrap{width:100%;}
#form-wrap{width:600px; height:350px; background-color:#EEE; color:#333; border-radius:5px; overflow:hidden; margin:100px 0 0 0;}
#form-void{width:100%; height:60px; background-color:#0BB;}
#form-head{width:570px; height:43px; background-color:#666; color:#FFF; font:25px Verdana, Geneva, sans-serif; padding:7px 0 0 30px;}
#form-table{width:500px; height:auto; margin:30px 0 0 50px;}
#form-table td{text-align:left;}
#verify-img{float:left; margin:0 0 0 5px;}

.text-1{width:200px; height:25px; margin:0; padding:0; border:#09C 1px solid; border-radius:3px;}
.text-1:focus{outline:none; border-color:#F96;}
.text-2{width:100px; height:25px; margin:0; padding:0; border:#09C 1px solid; border-radius:3px; float:left;}
.text-2:focus{outline:none; border-color:#F96;}

.button-1{width:90px; height:30px; border:0; background-color:#09C; color:#FFF; border-radius:3px; margin:10px 20px 0 30px; font:14px '微软雅黑';}
.button-1:hover{background-color:#069;}
a{font-size:13px; margin-left:30px;}
</style>
</head>

<body><center>
<div id="wrap" align="center">
	<div id="form-wrap" align="center">
    	<div id="form-void" align="center"></div>
    	<div id="form-head" align="left">
        	Login System
        </div>
        <table id="form-table" cellspacing="7" align="left" >
        <form action='./toLogin' method='post' id='login_form'>
        	<tr><td width="100"><label for="login_email">用户名:</label></td>
            	<td><input type="text"	name='login_email'	id='login_email' class='text-1' /></td></tr>
                
            <tr><td><label for="login_email">密码:</label></td>
            	<td><input type="password"	name='login_password'	id='login_password'	class='text-1' /></td></tr>
                
            <tr><td><label for="form-verify">验证码:</label></td>
            	<td><input type="text"	name='login_verify' id='login_verify' class='text-2' />
                	<img src="../Index/doVerify" width="100" height="30" id="verify-img" /></td></tr>
                
            <tr><td colspan="2"><input type="button" value="登 录" name="login_submit" id="login_submit" class="button-1" />
            	<input type="checkbox" id="login_remeber" value="yes" name="login_remeber" /><label for="login_remeber">Remeber Me!</label><a href="./toSignup">加入我们</a></td></tr>
        </form>
        </table>
    </div>
</div>
</center></body>
<script language="javascript">
$("#login_submit").click(function(){
	var email		=	$("#login_email").val();
	var password	=	$("#login_password").val();
	
	if(email == "" || password == ""){
		alert("请将信息填写完全!");
	}else{
		$("#login_form").submit();
	}
});
</script>
</html>